<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页列表页</title>
    <link rel="stylesheet" href="base.css">
    <link rel="stylesheet" href="Listpage.css">
    <link rel="stylesheet" href="Tomepage.css">
</head>
<body>
       <div class="webs">
        <!-- 导航栏 -->
        <header>    
        <div class="titles-header">
            <div class="title">
                <h1>TOPCREST </h1>
                    &nbsp;&nbsp;<p>郭冠科技&nbsp;<span class="r">Ⓡ</span><br><span class="gg">IMAGING SOLUTION</span></p>
            </div>  
            <div class="titlegy">
                <a href="#">关于我们｜</a>
                <a href="#">联系我们｜</a>
                <a href="#">中文版｜</a>
                <a href="#">English|</a>
                <a href="#">微博入口｜</a>
                <a href="#">郭冠视像</a>
            </div>
            <div class="titlesy">
                <a href="#">首页</a>
                <a href="#">音响</a>
                <a href="#">家庭系统</a>
                <a href="#">商业系统</a>
                <a href="#">客户服务</a>
                <a href="#">产品与科技</a>
                <a href="#">工程案例</a>
                <a href="#">资讯</a>
            </div>
        </div>
        </header>
        <!-- 新闻介绍 -->
        <tbody>
            <div class="news">
            <div class="imgone">
                <img src="./img/图层2.png" alt="">
            </div>
            <div class="lists">
                <ul type="none">
                    <li class="iconfont">
                        <p>
                            <span>&#xe625;</span>业内新闻 NEVS
                        </p> 
                    </li>
                    <li class="iconfont">
                        <p>
                            <span>&#xe625;</span>媒体报道  REPORTS
                        </p> 
                    </li>
                    <li class="iconfont">
                        <p>
                            <span>&#xe625;</span>其他资料 DATA
                        </p> 
                    </li>
                    <li class="iconfont">
                        <p>
                            <span>&#xe625;</span>主要成就  ACHIEVEMENT
                        </p> 
                    </li>
                    <li class="iconfont">
                        <p>
                            <span>&#xe625;</span>公司发展 THE COMPANY
                        </p> 
                    </li>
                </ul>
                <p class="iconfont">
                    <span class="phone">&#xe678;</span>
                    <p class="szzt">0755-25023651<br><span>0755-25023653</span></p>
                </p>
            </div>
                <div class="newsix">NEWS <span>业内新闻</span></div>
                <div class="boxx"></div>

            <div class="boxsix">
                    <p class="shouye">首页>业内新闻 <span style="float: right">更新日期：2015-11-18</span></p>
                    <div class="boxxx"></div>
                    <div class="jd">
                        <p style="font-weight: bold;">家庭影院领航者敦冠科技签约三亚温德姆度假酒店</p>
                        <img src="./img/68u58PICvWg.png" alt="">
                        <p style="color: gray;">家庭影院领航者敦冠科技签约三亚大型酒店.再次证明了在敦冠在建设影院行业领导者地位..........</p>
                    </div>

                    <div class="xm">
                        <p style="font-weight: bold;">敦冠影音-本月签单珠海凤凰山脚下明月山溪别墅项目</p>
                        <img src="./img/74C58PIC8zW.png" alt="">
                        <p style="color: gray;">珠海明月山溪地处正在崛起中的高端住宅区——新香洲红门楼片区，项目三面环绕城市龙脉凤凰山麓，西邻规划中全市最大
                            生态公园，南眺繁华城市。</p>
                    </div>

                    <div class="js">
                        <p style="font-weight: bold;">家庭影院功放新品，全面升级杜比全景声</p>
                        <img src="./img/68u58PICvWg.png" alt="">
                        <p style="color: gray;"> (图)TX-NR636，TX-NR737和TX-NR838</p>
                        <p style="color: gray;">日本，大阪(2014/9/26)安桥宣布2014年新品网络影音接收机产品TX-NR636，TX-NR737和TX-NR838的杜比全景声
                            支持固件已提供下载。这个免费的升级可以通过网络连接或者USB下载进行更新。</p>
                    </div>
            </div>
            
            <div class="imgfive">
                <img src="./img/图层5.png" alt="">
            </div>

            <div class="weiye">
                <p class="szzzt">1</p>
                <p class="szzzt">2</p>
                <p class="szzzt">3</p>
                <p class="szzzt">4</p>
                <p class="szzzt">5</p>
                <a href="file:///Users/mr.f/Desktop/fengxiayong/TopcrestProject/Detailpage.html" id="xiayiye">下一页 ></a>
                <p id="wy">尾页</p>
            </div>
        </div>
        </tbody>
        <!-- 反馈尾部 -->
        <footer>
            <div class="footers">
                <div class="imgewms">
                    <img src="./img/151829xzy1yjsm1ojivm4i.png" alt="">
                    <p>扫描二维码了解更多内容</p>
                </div>
                <div class="contacts">
                    <ul type="nones">
                        <li class="contactlxs">联系方式：</li>
                        <li>
                            <img src="./img/callup.png" alt="" class="imgcallups">
                            <p class="contactsz">0755-25023651 0755-25023653 <br><span>0755-25023658 0755-25023659</span></p>
                        </li>
                        <li>
                            <img src="./img/mail.png" alt=""> <span>12311231@qq.com</span>
                        </li>
                        <li>
                            <img src="./img/mappin.png" alt=""> <span>深圳市深南中路绿景广场（NEO企业大道）B栋32F</span>
                        </li>
                    </ul>
                </div>
                <div class="feedbacks">
                    <p>用户反馈：</p>
                    <input type="text" value="你的名字" class="ones" /> 
                    <br>
                    <input type="text" value="你的电子邮箱" class="twos" />
                    <input type="text" value="请输入一个标题" class="threes" />
                    <br>
                    <input type="textarea" value="请输入你要留言的内容" id="fours" />
                    <input type="submit" value="留言" id="fives" />
                </div>

                <div class="bottoms">
                    <div class="traiangles"></div>
                    <p>深圳市郭冠科技有限公司 &nbsp;Shenzhen Topcrest Technology Co.,Ltd</p>
                    <p>Shenzhen Topcrest Technology Co.,Ltd. All Rights Reserved/powered By Ciya Interactive 粤ICP备09077069号-2</p>
                </div>

            </div>
        </footer>
    </div>
</body>
</html>